<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title> 商品分类列表页 </title>
    <style>
        .box{
            margin: 0;
            padding: 2px;
            width: 198px;
            border: 2px solid #FC9829;
            border-radius: 10px;
        }

        .box ul{
            margin: 0;
            padding: 0;
            list-style-type: none;
            line-height: 48px;
        }

        .box ul li{
            font-size: 13px;
            border-bottom: 1px dashed #444;
        }

        .box ul li:nth-of-type(1){
            background-image: url(./image/icon_01.jpg);
            background-repeat: no-repeat;
        }

        .box ul li:nth-of-type(2){
            background-image: url(./image/icon_02.jpg);
            background-repeat: no-repeat;
        }

        .box ul li:nth-of-type(3){
            background-image: url(./image/icon_03.jpg);
            background-repeat: no-repeat;
        }

        .box ul li:nth-of-type(4){
            background-image: url(./image/icon_04.jpg);
            background-repeat: no-repeat;
        }

        .box ul li:nth-of-type(5){
            background-image: url(./image/icon_05.jpg);
            background-repeat: no-repeat;
        }

        .box ul li:nth-of-type(6){
            background-image: url(./image/icon_06.jpg);
            background-repeat: no-repeat;
        }

        .box ul li:nth-of-type(7){
            background-image: url(./image/icon_07.jpg);
            background-repeat: no-repeat;
        }

        .box ul li:nth-of-type(8){
            background-image: url(./image/icon_08.jpg);
            background-repeat: no-repeat;
        }

        .box ul li:nth-of-type(9){
            background-image: url(./image/icon_09.jpg);
            background-repeat: no-repeat;
        }

        .box ul li:nth-of-type(10){
            background-image: url(./image/icon_10.jpg);
            background-repeat: no-repeat;
        }
    </style>
</head>
<body>
    <div class="box">
        <ul>
            <li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;酒水、饮料</li>
            <li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;进口食品</li>
            <li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;休闲零食</li>
            <li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;地方特产</li>
            <li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;保健、冲调</li>
            <li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;粮油、生鲜</li>
            <li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;美容洗护</li>
            <li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;清洁洗涤</li>
            <li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;母婴、纸品</li>
            <li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;家居百货</li>
        </ul>
        
    </div>
    
</body>
</html>